<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>注册</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        ul {
            list-style: none;
        }
        .wrapper {
            max-width: 1024px;
            min-width: 320px;
            /* width: 1000px; */
            height: 475px;
            margin: 0 auto;
            /* margin-top: 100px; */
        }

        .tab {
            border: 1px solid #ddd;
            border-bottom: 0;
            height: 36px;
            width: 242px;
        }

        .tab li {
            position: relative;
            float: left;
            width: 120px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            cursor: pointer;
            border-top: 4px solid #fff;
        }

        .tab span {
            position: absolute;
            right: 0;
            top: 10px;
            background: #ddd;
            width: 1px;
            height: 14px;
            overflow: hidden;
        }

        .products {
            width: 100%;
        }

        .products .main {
            float: left;
            display: none;
            margin: 0 auto;
        }
        .products .main a{
            line-height: 300px;
            font-size: 100px;
        }

        .products .main.selected {
            display: block;
        }

        .tab li.active {
            border-color: red;
            border-bottom: 0;
        }
        .container{
            padding: 4%  6% 0!important;
        }
        #xinsiban {
            border:1px solid #ddd;
        }
        #xinsiban  form{
            height: 283px;
        }
        #xinsiban .benefit{
            border-top:1px solid #ddd;
            width: 100%;
            height:550px;
        }
        
        #gupiao{      
            height:450px;
            border:1px solid #ddd;
            width: 100%;
        }
        .foot_box{margin: 0 auto;width: 90%;min-height: 100px;margin-top: 30px}
        .header_box{width: 1024px;margin: 0 auto;min-height: 50px}
        .header_box a {float:right;color:#525252;display: inline-block;font-size: 20px;font-weight: 300}
    </style>
     <link rel="stylesheet" href="__INDEX__/base.css">
     <link rel="stylesheet" href="__INDEX__/screenStyle.css">
     <link href="__INDEX__/f2fa92106ac8fd3943536c740cd36f3a6cf07d.css" media="screen, projection" rel="stylesheet" type="text/css" charset="UTF-8">
     <script src="__JS__/jquery.min.js"></script>
    <script>
        jQuery(window).ready(function () {
            //需求:鼠标放到那个li上，让该li添加active类，下面的对应的.main的div添加selected
            $(".tab>li").mouseenter(function () {
                //不用判断，当前的li添加active类，其他的删除active类
                $(this).addClass("active").siblings("li").removeClass("active");
                //对应索引值的div添加selected类，其他的删除selected类
                $(".products>div").eq($(this).index()).addClass("selected").siblings("div").removeClass("selected");
            });
        });
    </script>
</head>
<body>
        <div class="header">
                <div class="logo">
                    <a href="{$url}/index/index/index"> <img src="__IMG__/lgo.png" alt=""></a>
                </div>
            </div>
        <div class="header_box" style=""><a href="{$url}/index/index/index">返回首页</a></div>
    <div class="wrapper">
        <ul class="tab">
            <li class="tab-item active">新四板挂牌</li>
            <li class="tab-item">股票咨询</li>
        </ul>

        <div class="products">
            <div class="container main selected" id="xinsiban">
                <form action="logo" method="post"  onsubmit="return numchk()">
                        <label><input type="text"  placeholder="公司名称" name="compayname" id="company" onblur="chk()"></label><span id="company_span" ></span><br/>
                        <label><input type="text"  placeholder="输入姓名" name="name"  id="name" onblur="chk1()"></label><span  id="name_span"></span><br/>
                        <label><input type="text"  placeholder="手机号码" name="mobile" id="mobile" onblur="chk2()"></label><span  id="mobile_span"></span><br/>
                        <label><input type="text"  placeholder="微信号" name="wechat"  id="wechar" onblur="chk3()"></label><span  id="wechat_span"></span><br/>
                    <input class="xinsiban_register" type="submit" value="注册">
                </form>
                <div class="benefit">
                      <div class="row">
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12  benefit1" >
                                  <img src="__PUBLIC__/picture/benefit_1.png" alt="">
                                  <p>1、发行债券、私募债、优先股、原始股、股权融资、债权融资、定向增发等，都是合法的，不挂牌很容易涉及非法集资。</p>              
                          </div>
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 benefit1" >
                                  <img src="__PUBLIC__/picture/benefit_2.png" alt="">
                                   <p>2、挂牌后使公司估值增大，新四板PE是8-20倍，可以收购、并购上下游或者同行企业，做大市值。</p>               
                          </div>
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 benefit1" >
                                  <img src="__PUBLIC__/picture/benefit_3.png" alt="">
                                  <p>3、新四板对标的是美国的OTCBB,OTCBB目前一个壳最便宜50万美元。</p>              
                          </div>
                          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 benefit1" >
                                  <img src="__PUBLIC__/picture/benefit_4.png" alt="">
                                  <p>4、通过挂牌、企业股权可以流通，企业价值得以重估，实现企业/股东的财富增值。</p>             
                          </div>
                      </div>
                    </div>
           </div>
          
            <div class="container  main"  id="gupiao">
                    <form  method="post" action="jr_logo"  onsubmit="return numchk2()">
                        <label><input type="text"  placeholder="输入姓名" name="name2" id="name2" onblur="chk4()"></label><span  id="name2_span"></span><br/>
                        <label><input type="text"  placeholder="身份证号码" name="card2" id="card_id" onblur="chk5()"></label><span  id="card2_id_span"></span><br/>
                        <label><input type="text"  placeholder="手机号码" name="mobile2" id="mobile_2" onblur="chk6()"></label><span  id="mobile_2_span"></span><br/>
                        <label><input placeholder="银行卡号" type="text" name="account2"  id="bark_card" onblur="chk7()" ></label><span  id="bark_card_span"></span><br/>
                        <label><input placeholder="开户银行" type="text"  name="accountbank2" id="bark" onblur="chk8()"></label><span  id="bark_span"></span><br/>
                        <label><input placeholder="微信号" type="text"  name="wechat2" id="wechat2" onblur="chk10()"></label><span  id="wechat2_span"></span><br/>
                        <label><input placeholder="注册金额（100万起，以万为单位）" type="text" onblur="chk9()" id="money" name="money"></label><span  id="money_span"></span><br/>
                        <input class="gupiao_register" type="submit" value="注册">
                    </form>
                <div class="foot_box" >
                    <p>我们给该账户汇入一笔非常小的金额和备注信息，后续审核人员致电或微信联系您确认</p>

                </div>
            </div>
        </div>
    </div>

    <!--右侧客服 -->
    <div class="slide">
            <ul class="icon">
              <!-- <li class="up" title="上一页"></li> -->
              
              <li class="tel"></li>
              <li class="wx" ></li>
              <li class="about"></li>
              <!-- <li class="down" title="下一页"></li> -->
            </ul>
            <ul class="info">
              <!-- <li class="qq">
                <p>在线沟通，请点我<a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank">在线咨询</a></p>
              </li> -->
               
              <li class="tel">
                <p>咨询热线：<br>400-640-2898<br>
                  <!-- 客服qq：<br>123456789 -->
                </p>
              </li>
              <li class="wx">
                <div class="img"><img src="__PUBLIC__/picture/weixin_1.png" /></div>
              </li>
              <li class="about">
                    <p><a href="{$url}/index/about/about.html" target="_blank">关于我们</a></p>
             </li>
            </ul>
          </div>
      <!-- <div id="btn" class="index_cy"></div> -->
      
    
      <script src="__JS__/kefu.js"></script>
      <script>
        jQuery(window).ready(function () {
          $(function(){
            $('#ul-btn').mouseover(function(){
              $('.zixun').show();
            });
    
             $('#ul-btn').mouseleave(function(){
              $('.zixun').hide();
            });
          })
        }) 
        </script>
</body>

</html>

<script>
    function user_ajax(url,user_name,user_span) {
        var bool;
        $.ajax({
            url:url,
            data:{n:user_name},
            async:false,
            type:"post",
            success:function (msg) {
                if(msg.error == 0){
                    $(user_span).html(msg.msg);
                    $(user_span).css('color','green');
                    bool = true
                }else if(msg.error==1){
                    $(user_span).html(msg.msg);
                    $(user_span).css('color','red');
                    bool =false;
                }
            }
        })
        return bool;
    }




    var chk4 = function () {
        var name2 =  $('#name2').val();
        var reg = /^[\u4e00-\u9fa5]{2,5}$/;
        var bool;
        if(reg.test(name2)){
            var bool = user_ajax('./yz_name',name2,'#name2_span');
            return bool;
        }else{
            $('#name2_span').html('请输入2-5位中文');
            $('#name2_span').css('color','red');
            return false;
        }

    }


    var chk5 = function () {
        var card_id = $('#card_id').val();
        var reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/;
        if(reg.test(card_id)){

          var bool =  user_ajax('./yz_card',card_id,'#card2_id_span');
            return bool;

        }else{
            $('#card2_id_span').html('请输入正确格式的身份证');
            $('#card2_id_span').css('color','red');
            return false;
        }
    }


    var chk6 = function () {
        var mobile_2 = $('#mobile_2').val();
        var reg = /^1[3|4|5|8][0-9]\d{4,8}$/;
        if(reg.test(mobile_2)){

            var bool = user_ajax('./yz_mobile',mobile_2,'#mobile_2_span');
            return bool;

        }else{
            $('#mobile_2_span').html('请输入正确的手机号');
            $('#mobile_2_span').css('color','red');
            return false;
        }
    }

    var chk7 = function () {
        var bark_card = $('#bark_card').val();
        var reg = /^[0-9]{16,19}$/
        if(reg.test(bark_card)){

          var bool=  user_ajax('./yz_bark',bark_card,'#bark_card_span');
          alert("我们给该账户汇入一笔非常小的金额和备注信息，后续审核人员致电或微信联系您确认");
            return bool;

        }else{
            $('#bark_card_span').html('请输入正确的16-19位的银行卡号');
            $('#bark_card_span').css('color','red');
            return false;
        }
    }
//    开户银行
    var  chk8 = function () {
        var bark = $('#bark').val();
        var reg = /^[\u4e00-\u9fa5]{4,10}$/;
        if (reg.test(bark)){
            $('#bark_span').html('可用');
            $('#bark_span').css('color','green');
            return true;
        }else{
            $('#bark_span').html('请输入正确的银行');
            $('#bark_span').css('color','red');
            return false;
        }
    }
//  申请金额
    var chk9 = function () {
        var  money = $('#money').val();
        var reg =/^[1-9]{1}[0-9]{1,6}$/

        if(reg.test(money)){
            if(money<100){
                $('#money_span').html('金额不能少于100W');
                $('#money_span').css('color','red');
                return false;
            }else{
                $('#money_span').html('可用');
                $('#money_span').css('color','green');
                return true;
            }

        }else{
            $('#money_span').html('请输入正确的金额');
            $('#money_span').css('color','red');
            return false;
        }
    }
//微信号
    var chk10 = function () {
        var wechat2 = $('#wechat2').val();
        var reg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/
        if(reg.test(wechat2)){

           var bool =  user_ajax('./yz_wechat',wechat2,'#wechat2_span');
            return bool;


        }else{
            $('#wechat2_span').html('请填写正确的微信号');
            $('#wechat2_span').css('color','red');
            return false;
        }
    }

    var numchk2 = function () {



        if(chk4() && chk5() && chk6() && chk7() && chk8() && chk9() && chk10()){


            alert('后续审核人员致电或微信联系您');

            return true;

        }else{
            alert('请认真填写资料');
            return false;
        }

    }









        var chk = function () {
            var company = $('#company').val();
            var reg = /^[\u4e00-\u9fa50-9]{2,20}$/;
            var reg2 = /^[A-Za-z\s]{2,40}$/
            if(reg.test(company) || reg2.test(company)){
                $('#company_span').html('公司名字正确');
                $('#company_span').css('color','green');
                return true;
            }else{
                $('#company_span').html('请输入正确的公司名');
                $('#company_span').css('color','red');
                return false;
            }
        }

        var chk1 = function () {
            var name = $('#name').val();
            var reg = /^[\u4e00-\u9fa5]{2,5}$/;
            if(reg.test(name)){
                $('#name_span').html('符合要求');
                $('#name_span').css('color','green');
                return true;
            }else{
                $('#name_span').html('请输入正确姓名');
                $('#name_span').css('color','red');
                return false;
            }

        }
        
        var chk2 = function (mobile) {
            var reg = /^1[3|4|5|8][0-9]\d{4,8}$/;
            var mobile = $('#mobile').val();
            if(reg.test(mobile)){
                $('#mobile_span').html('手机号码符合要求');
                $('#mobile_span').css('color','green');
                return true;
            }else{
                $('#mobile_span').html('手机号码不符合要求');
                $('#mobile_span').css('color','red');
                return false;
            }
        }

        var chk3 = function (wechat) {
            var wechar = $('#wechar').val();
            var reg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/
            if(reg.test(wechar)){
                $('#wechat_span').html('微信号符合要求');
                $('#wechat_span').css('color','green');
                return true;
            }else{
                $('#wechat_span').html('微信号不符合要求');
                $('#wechat_span').css('color','red');
                return false;
            }
        }
        var numchk = function () {

            if(chk() && chk1() && chk2() && chk3()){


                return true
            }else{
                alert('请认真填写资料');
                return false;
            }

        }





    //微信号
    var chk10 = function () {
        var wechat2 = $('#wechat2').val();
        var reg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/
        if(reg.test(wechat2)){

            var bool =  user_ajax('./yz_wechat',wechat2,'#wechat2_span');
            return bool;


        }else{
            $('#wechat2_span').html('请填写正确的微信号');
            $('#wechat2_span').css('color','red');
            return false;
        }
    }
</script>








